import React, { Component } from 'react';
import SiderCustom from './SiderCustom';
import avater from '../style/imgs/b1.jpg';
import { Menu, Icon, Layout, Badge, Popover } from 'antd';
import { withRouter } from 'react-router-dom';
import { connectAlita } from 'redux-alita';
const { Header } = Layout;
class HeaderCustom extends Component{
    state = {
        user: '',
        visible: false,
    }
    toggle = ()=>{
        this.setState({
            collapsed: !this.state.collapsed,
        });
    }
    render(){
        const { responsive = { data: {} }, path } = this.props;
        return(
            <Header className="custom-theme header" >   
                <Icon
                className="header__trigger custom-trigger"
                 type={this.props.collapsed ? 'menu-unfold' : 'menu-fold'}
                onClick={this.props.toggle}
                />
            </Header> 
        )
    }
}


export default withRouter(connectAlita(['responsive'])(HeaderCustom));


